<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	template="/sistema/template/template.xhtml">

	<ui:param name="nomeTela" value="Galeria" />

	<ui:define name="corpo">

		<p:panel styleClass="panelInterno">

			<p:outputLabel value="Galeria" styleClass="subtitulo" />

			<p:spacer height="20" width="100%" />

			<center>

				<!--  			
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img2.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img1.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img3.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img4.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img5.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img6.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img7.jpg" />
				<p:graphicImage width="800" height="500" value="/sistema/images/carousel/img8.jpg" />
-->

				<h:panelGrid columns="5">

					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img2.jpg" onclick="pop.show();" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img1.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img3.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img4.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img5.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img6.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img7.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img8.jpg" />

					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img2.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img1.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img3.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img4.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img5.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img6.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img7.jpg" />
					<p:graphicImage width="150" height="100" value="/sistema/images/carousel/img8.jpg" />


				</h:panelGrid>


			</center>


			<p:dialog id="popup" widgetVar="pop" width="900" height="570" header="Detalhes" resizable="false"
				closeOnEscape="true">
				<p:graphicImage width="850" height="550" value="/sistema/images/carousel/img2.jpg" />
			</p:dialog>

			<p:spacer height="20" width="100%" />

		</p:panel>

	</ui:define>

</ui:composition>
